<!--
@fucntion: 大创项目-合同书
-->
<template>
  <el-row class="dachuang-construction">
    <el-col style="height:100%;">
      <!-- <table-panel v-show="!constructionDlgVisible" :name="'教学改革研究与实践项目-建设任务'" :columns="constructionColumns" :tableData="constructionData" :showRowNumber="false" :multiSelection="true"
      :canExport="false" :customBtns="customBtns"
      :currentPage="constructionCurrentPage" :totalNum="constructionTotalNum" @page-change="onPageChange('construction',$event)" :pageSize="pageSize"
      @table-searching="onSearching('construction',$event)"
      @table-create="onCreate('construction',$event)" @table-edit="onEdit('construction', $event)"
      @table-delete="onDelete('construction',$event)" @table-export="onExport('construction',$event)"
      @selection-change="onSelectionChange('construction',$event)"></table-panel> -->
      <con-form v-show="constructionDlgVisible" @form-close="onCloseForm"
      :formRecord="constructionRecord"
      :formRules="constructionRules"></con-form>
    </el-col>
  </el-row>
</template>
<script>
import TablePanel from "@/components/basic/TablePanel";
import {
  formModelInitFromTable,
  formRulesInitFromTable
} from "@/utils/formutils.js";
import { trueFalseRenderer } from "@/utils/tableutils.js";
import Form from "./construction/Form";

//meta info
var construction = "construction"; // 表格名称
var columnsAttr = "Columns"; // 列
var dataAttr = "Data"; // 数据
var selectionAttr = "Selection"; // 选中
var dlgVisibleAttr = "DlgVisible"; // 对话框
var formAttr = "Form";
var recordAttr = "Record"; // 表单模型
var rulesAttr = "Rules"; // 表单验证
var curPageAttr = "CurrentPage";// 分页-当前页
var totalNumAttr = "TotalNum";// 分页-总数
var qParamAttr = "QueryParams";// 查询参数

var constructionColumns = [];

export default {
  name:"Construction",
  components: {
    "table-panel": TablePanel,
    "con-form":Form
  },
  methods: {

  },
  data() {
    return {
      [construction + columnsAttr]: constructionColumns, // 表格-列
      [construction + dataAttr]: [], // 表格的数据
      [construction + selectionAttr]: [], // 当前选中
      [construction + dlgVisibleAttr]: false, // 对话框是否可见
      [construction + recordAttr]: {}, // 表单模型
      [construction + rulesAttr]: {}, // 表单验证
      [construction + curPageAttr]:1,// 当前页
      [construction + totalNumAttr]:0,// 总数
      [construction + qParamAttr]:{},// 查询参数
      pageSize:20,// 每页数量
      customBtns:[{
        type:"success",
        text:"审批",
        icon:"el-icon-check",
        eventName:"table-approval"
      }]
    };
  }
}
</script>
<style lang="scss">

.dachuang-construction{
  height:100%;
}

</style>
